<template>
    <div id="app">
       <div id="cover"></div>
        <Header></Header>
        <Todo></Todo>
        <Footer></Footer>
    </div>
</template>

<script>
import Header from './todo/header.vue'
import Footer from './todo/footer.jsx'
import Todo from './todo/todo.vue'

export default {
    data() {
      return{
          
      }
    },
    methods:{},
    components:{
        Header:Header,
        Footer:Footer,
        Todo:Todo
    }
}
</script>

<style scoped>
#app{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    }
    #cover{
         position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #999;
        opacity:0.6;
        z-index: -10;
        }
       
</style>